非連結列の追加

Wijgrid ウィジェットでは、非連結列をグリッドに追加できます。非連結の列には、データソースまたはデータフィールドのデータは供給されません。これらの列には、手動でデータを入力するか、または連結列の値を使用します。

次のサンプルスクリプトは、非連結列をグリッドに追加し、連結列の値を使用してデータを割り当てる方法を示します。

ライブウィジェット
スクリプト

スクリプト	コードのコピー
<script id="scriptInit" type="text/javascript"> require(["wijmo.wijgrid"], function () { $(document).ready(function () { $("#wijgrid").wijgrid({ cellClicked: function (e, args) { alert(args.cell.value()); }, allowSorting: true, data: [ { FirstName: "Tom", LastName: "Mathew" }, { FirstName: "Joy", LastName: "Henry" }, { FirstName: "Lucy", LastName: "Hilfiger" }, { FirstName: "George", LastName: "Franco" }, { FirstName: "Peter", LastName: "Louis" } ], columns: [ { dataKey: "FirstName", headerText: "FirstName" }, { dataKey: "LastName", headerText: "LastName" }, { dataKey: null, headerText: "Wijmo ID (Unbound Column)", // add unbound columns cellFormatter: function (args) { //add data to unbound columns if (args.row.type & wijmo.grid.rowType.data) { args.$container.empty().text(args.row.data.FirstName + "." + args.row.data.LastName + "@wijmo.com"); return true; } } } ] }); }); }); </script>

スクリプト

コードのコピー

<script id="scriptInit" type="text/javascript">
    require(["wijmo.wijgrid"], function () {
        $(document).ready(function () {
            $("#wijgrid").wijgrid({
                cellClicked: function (e, args) {
                    alert(args.cell.value());
                },
                allowSorting: true,            
                    data: [
                        { FirstName: "Tom", LastName: "Mathew" },
                        { FirstName: "Joy", LastName: "Henry" },
                        { FirstName: "Lucy", LastName: "Hilfiger" },
                        { FirstName: "George", LastName: "Franco" },
                        { FirstName: "Peter", LastName: "Louis" }
                          ],
                columns: [
                   { dataKey: "FirstName", headerText: "FirstName" },
                   { dataKey: "LastName", headerText: "LastName" },
                   {
                   
                     dataKey: null,
                     headerText: "Wijmo ID (Unbound Column)",  // add unbound columns
                     cellFormatter: function (args) { //add data to unbound columns
                       if (args.row.type & wijmo.grid.rowType.data) {
                                  args.$container.empty().text(args.row.data.FirstName + "." + args.row.data.LastName + "@wijmo.com");
                     return true;
                  }
               }
             }
              ]
  });
     });
        });   
</script>